.content {
	width: 100%;
	overflow: hidden;
	position: relative;
	.loop{
			width: 100%;
			overflow: hidden;
			position: relative;
			.mcen{
				width: 750rpx;
				height: 100rpx;
				background: linear-gradient(180deg, rgba(214, 225, 166, 0) 0%, #7EBC79 100%);
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				position: absolute;
				bottom: 0%;
				z-index: 999;
			}
		}
	.cnshu {
		margin-top: -50rpx;
		.swiper-container {
			display: flex;
			align-items: center;
		}
	
		.swiper-item {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
			height: 368rpx;
			width: 470rpx;
			text-align: center;
			border-radius: 28rpx;
			background-color: #F7F8FA;

			image {
				width: 460rpx;
				height: 280rpx;
				border-radius: 24rpx 24rpx 0 0;
				border: 2rpx solid #fff;
			}
		}

		.swiper-tall {
			display: flex;
			align-items: center;
		}

		.swiper-title {
			width: 750rpx;
			text-align: center;
		}

		.shopname {
			width: 426rpx;
			box-sizing: border-box;
			margin: auto;

			.shopname1 {
				width: 100%;
				font-weight: bold;
				font-size: 28rpx;
				color: #1D2129;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				text-align: left;
			}

			.shopname2 {
				width: 100%;
				font-weight: 400;
				font-size: 24rpx;
				color: #4E5969;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				text-align: left;
			}
		}
	}

	.headertop {
		width: 100%;
		position: fixed;
		top: 0%;
		overflow: hidden;
		transition: 0.5s;
		z-index: 9999;
	}
	.pagelefticon {
		width: 165.65rpx;
		height: 36.64rpx;
		margin-left: 30rpx;
	}
	.haowutuijian {
		width: 100%;
		overflow: hidden;
		margin-top: 36rpx;

		.centerboxs {
			width: 686rpx;
			display: flex;
			flex-wrap: wrap;
			margin: auto;
			justify-content: space-between;

			.itembox {
				width: 328rpx;
				overflow: hidden;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.15);
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				margin-bottom: 30rpx;

				image {
					width: 328rpx;
					height: 288rpx;
				}

				.texts {
					width: 306rpx;
					overflow: hidden;
					margin: auto;
					margin-top: 16rpx;

					.t1 {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 28rpx;
						color: #1D2129;
						  display: -webkit-box;
						  -webkit-box-orient: vertical;
						  -webkit-line-clamp: 2; /* 限制行数为2 */
						  overflow: hidden;
					}

					.jige {
						display: flex;
						align-items: center;
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #76AA25;
					}

					.botomline {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 20rpx;
						color: #86909C;
						margin-bottom: 20rpx;
						.addicon {
							width: 40rpx;
							height: 40rpx;
						}
					}
				}

			}
		}

		.topbiaoti {
			display: flex;
			justify-content: center;
			position: relative;

			.leftflow1 {
				width: 450rpx;
				height: 104rpx;
				position: absolute;
				bottom: 0%;
			}


			.yindititle {
				width: 209rpx;
				height: 172rpx;
			}

			.rightflow1 {
				width: 86rpx;
				height: 60rpx;
				position: relative;
				margin-top: 92rpx;

				.rightflow {
					width: 86rpx;
					height: 60rpx;
					position: absolute;
					bottom: 0%;

				}
			}
		}
	}

	.yingdiactiuve {
		width: 100%;
		overflow: hidden;

		.topbiaoti {
			display: flex;
			justify-content: center;
			position: relative;

			.leftflow1 {
				width: 86rpx;
				height: 60rpx;
				position: relative;
				margin-top: 92rpx;

				.leftflow {
					width: 86rpx;
					height: 60rpx;
					position: absolute;
					bottom: 0%;
				}
			}


			.yindititle {
				width: 209rpx;
				height: 149rpx;
			}

			.rightflow1 {
				width: 86rpx;
				height: 60rpx;
				position: relative;
				margin-top: 92rpx;

				.rightflow {
					width: 86rpx;
					height: 60rpx;
					position: absolute;
					bottom: 0%;

				}
			}
		}
	}

	.yindijishao {
		width: 100%;
		margin: auto;
		overflow: hidden;
		margin-top: 36rpx;

		.xwsh {
			width: 686rpx;
			margin: auto;
			display: block;
			height: 150rpx;
		}

		.addressbox {
			width: 698rpx;
			overflow: hidden;
			margin: auto;
			height: 304rpx;
			position: relative;
			margin-bottom: 36rpx;
			&_backimg {
				width: 698rpx;
				height: 328rpx;
				position: absolute;
				z-index: -1;
			}

			.centerinfo {
				width: 622rpx;
				overflow: hidden;
				margin: auto;
				margin-top: 28rpx;

				.text {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 28rpx;
					color: #1D2129;
					display: -webkit-box;
					/* 必须设置，用于多行溢出 */
					-webkit-box-orient: vertical;
					/* 设置盒子排列方向为垂直 */
					-webkit-line-clamp: 3;
					/* 限制显示的行数，例如显示 3 行 */
					overflow: hidden;
					text-indent: 50rpx;
					/* 隐藏超出的内容 */
				}

				.phonebox1 {
					width: 488rpx;
					height: 48rpx;
					position: relative;
					display: flex;
					align-items: center;
					margin-top: 18rpx;
					margin-bottom: 30rpx;
					background: url('https://39gongli.oss-cn-beijing.aliyuncs.com/static/Rectangle 24504@2x.png');
					background-size: 100% 100%;
					.phoneboximg {
						width: 488rpx;
						height: 48rpx;
						position: absolute;
						z-index: -1;
					}

					.texs {
						    width: 394rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #1D2129;
						margin-left: 12rpx;
						overflow: hidden;
							        /*禁止换行*/
				        white-space: nowrap;
							        /*显示省略号*/
				        text-overflow: ellipsis;
					}

					.righticon {
						width: 56rpx;
						height: 32rpx;
						margin-left: 14rpx;
					}
				}

				.phonebox {
					width: 384rpx;
					height: 48rpx;
					position: relative;
					display: flex;
					align-items: center;
					margin-top: 24rpx;
					background: url('https://39gongli.oss-cn-beijing.aliyuncs.com/static/Rectangle 24504@2x.png');
					background-size: 100% 100%;
					.phoneboximg {
						width: 384rpx;
						height: 48rpx;
						position: absolute;
						z-index: -1;
					}

					.righticon {
						width: 56rpx;
						height: 32rpx;
						margin-left: 14rpx;
						margin-right: 5rpx;
					}

					.texs {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #1D2129;
						margin-left: 16rpx;


					}
				}
			}
		}

		.dogimg {
			width: 136rpx;
			height: 92rpx;
			margin-left: 230rpx;
			margin-top: 16rpx;
		}

		.zq3 {
			width: 398rpx;
			height: 396rpx;
			position: relative;
			margin-top: 30rpx;
			transition: 1s;

			.zq3img {
				width: 398rpx;
				height: 396rpx;
				position: absolute;

			}

			.arrow {
				width: 103.71rpx;
				height: 103.71rpx;
				position: absolute;
				right: 2%;
				top: 23%;
				margin-top: 30rpx;
				animation: scaleAnimation 2s infinite;
			}

			.sdlky {
				width: 190rpx;
				height: 98rpx;
				position: absolute;
				right: 2%;
				top: 23%;
				margin-top: 170rpx;
				    display: flex;
				    flex-direction: column;
				    align-items: center;
				.title {
					font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;
					font-weight: 400;
					font-size: 28rpx;
					color: #E55610;
					margin-top: 46rpx;
					text-align: center;
					    white-space: nowrap;
					    overflow: hidden;
					    text-overflow: ellipsis;
					position: absolute;
					z-index: 999;
					width: 76%;
				}

				.sdlkyback {
					width: 184rpx;
					height: 94rpx;
					position: absolute;

				}
			}
		}

		.zq2 {
			width: 382rpx;
			height: 222rpx;
			position: relative;
			margin-top: -130rpx;
			float: right;
			transition: 1s;

			.arrow {
				width: 93.71rpx;
				height: 93.71rpx;
				position: absolute;
				right: 24%;
				bottom: -28%;
				animation: scaleAnimation 2s infinite;

			}

			.zq2img {
				width: 382rpx;
				height: 222rpx;
			}

			.sdlky {
				width: 190rpx;
				height: 98rpx;
				position: absolute;
				top: 0%;
				left: -12%;
				margin-top: 170rpx;

				.title {
					font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;
					font-weight: 400;
					font-size: 28rpx;
					color: #E55610;
					margin-top: 40rpx;
					text-align: center;
					position: absolute;
					z-index: 999;
					white-space: nowrap; /* 防止文本换行 */
					overflow: hidden; /* 隐藏超出容器的文本 */
				 text-overflow: ellipsis; /* 显示省略号 */
					width: 83%;
				}

				.sdlkyback {
					width: 164rpx;
					height: 86rpx;
					position: absolute;

				}
			}

		}

		@keyframes scaleAnimation {

			0%,
			100% {
				transform: scale(1.2);
				/* 原始大小 */
			}

			50% {
				transform: scale(0.8);
				/* 缩小到80% */
			}
		}

		.zp1 {
			width: 292rpx;
			height: 254rpx;
			position: relative;
			margin-top: -50rpx;
			transition: 1s;

			.arrow {
				width: 82.76rpx;
				height: 82.67rpx;
				position: absolute;
				left: 10%;
				bottom: -5%;
				animation: scaleAnimation 2s infinite;
			}

			.sdlky {
				width: 164rpx;
				height: 86rpx;
				position: absolute;
				top: 0%;
				right: 0%;
				margin-top: 170rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				.title {
					font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;
					font-weight: 400;
					font-size: 26rpx;
					color: #E55610;
					margin-top: 40rpx;
					text-align: center;
					position: absolute;
					z-index: 999;
					width: 77%;
						white-space: nowrap; /* 防止文本换行 */
					  overflow: hidden; /* 隐藏超出容器的文本 */
					  text-overflow: ellipsis; /* 显示省略号 */
				}

				.sdlkyback {
					width: 164rpx;
					height: 86rpx;
					position: absolute;
				
				}
			}

			.zq1img {
				width: 292rpx;
				height: 254rpx;
			}
		}

		&_title {
			width: 209rpx;
			height: 135rpx;
			margin: auto;
			display: block;
		}
	}

	.tzggline {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 15rpx;

		.rightimg {
			width: 50rpx;
			height: 50rpx;
		}

		.xiaoxireduce {
			width: 92rpx;
			height: 92rpx;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;

			&_back {
				width: 92rpx;
				height: 92rpx;
				position: absolute;
				z-index: -1;
			}

			.reduce {
				width: 12rpx;
				height: 12rpx;
				background: #FF2538;
				border-radius: 50%;
				position: absolute;
				top: 24%;
				right: 18%;

			}

			.centericon {
				width: 48rpx;
				height: 48rpx;
			}
		}

		.leftbox {
			width: 586rpx;
			height: 92rpx;
			display: flex;
			align-items: center;
			position: relative;

			.rightarrow {
				width: 64rpx;
				height: 64rpx;
				margin-left: 26rpx;
			}

			&_backimg {
				width: 586rpx;
				height: 92rpx;
				position: absolute;
				z-index: -1;
			}

			.ggicon {
				width: 60rpx;
				height: 60rpx;
				margin-left: 50rpx;
			}

			.texts {
				width: 360rpx;
				margin-left: 10rpx;

				.t1 {
					width: 100%;
					font-size: 28rpx;
					color: #FFFFFF;
					display: -webkit-box;
					    -webkit-box-orient: vertical;
					    -webkit-line-clamp: 2; /* 限制显示的行数为2 */
					    overflow: hidden; /* 隐藏超出部分 */
					text-overflow: ellipsis;
				}

				.t2 {
					font-size: 24rpx;
					color: #FFFFFF;
					width: 100%;
					white-space: normal;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}

	// .mcen {
	// 	width: 750rpx;
	// 	height: 100rpx;
	// 	background: linear-gradient(180deg, rgba(214, 225, 166, 0) 0%, #7EBC79 100%);
	// 	border-radius: 0rpx 0rpx 0rpx 0rpx;
	// 	position: absolute;
	// 	margin-top: 838rpx;
	// 	z-index: 999;
	// }

	.bottombox {
		width: 100%;
		position: relative;
		overflow: hidden;

		.bottomboximg {
			position: absolute;
			width: 782rpx;
			height: 3850rpx;
			z-index: -1;
		}

		.xuanxiangbox {
			width: 630rpx;
			margin: auto;
			display: flex;
			align-items: center;
			margin: auto;
			justify-content: space-between;


			&_box {
				width: 306rpx;
				height: 332rpx;
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: center;

				&_backimg {
					width: 306rpx;
					height: 332rpx;
					position: absolute;
					z-index: -1;
				}

				.tuijianbtn {
					width: 172rpx;
					height: 48rpx;
					box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(126, 188, 121, 0.26);
					border-radius: 25rpx 25rpx 25rpx 25rpx;
					text-align: center;
					line-height: 48rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 800;
					font-size: 32rpx;
					text-align: center;
					line-height: 48rpx;
					color: #FFFFFF;
					background: #76AA25;
					margin-top: 10rpx;
				}

				.text {
					font-weight: 500;
					font-size: 24rpx;
					color: #7EBC79;
					margin-top: 14rpx;
				}

				.boximg {
					height: 148rpx;
					width: 160rpx;
					margin-top: 20rpx;
				}
			}
		}
	}


	::v-deep .u-swiper {
		background: linear-gradient(180deg, rgba(214, 225, 166, 0) 0%, #7EBC79 100%);
		border-radius: 0 !important;
	}

	::v-deep .u-swiper__wrapper__item__wrapper__image {
		border-radius: 0 !important;
	}

	::v-deep .u-swiper__indicator {
		bottom: 41px !important;
		left: 32rpx !important;
	}

	.indicator {
		@include flex(row);
		justify-content: center;

		&__dot {
			width: 18rpx;
			height: 8rpx;
			border-radius: 100px;
			background-color: rgba(255, 255, 255, 0.35);
			margin: 0 2rpx;
			transition: background-color 0.3s;

			&--active {
				width: 26rpx;
				height: 8rpx;
				background-color: #ffffff;
			}
		}
	}

	.indicator-num {
		padding: 2px 0;
		background-color: rgba(0, 0, 0, 0.35);
		border-radius: 100px;
		// width: 35px;
		// justify-content: center;

		&__text {
			color: #FFFFFF;
			font-size: 12px;
		}
	}
}